<!-- ma css slide show nivo -->
<link rel="stylesheet" href="<?php echo base_url();?>css/front_page/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo base_url();?>css/front_page/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="<?php echo base_url();?>css/front_page/style.css" type="text/css" media="screen" />
<!-- cs jquery.alerts.css -->
<link rel="stylesheet" type="text/css" href="<?php echo base_url();?>css/front_page/jquery.alerts.css" />

<style type="text/css">
	label.error {
		color: #890101;
		font-style: italic;
	}
	.intro_div_head_text {
		margin-bottom: 2px;
	}
</style>

<!-- js jquery.alerts.js -->
<script type="text/javascript" src="<?php echo base_url()?>js/front_page/jquery.alerts.js"></script>	

<!-- js bat loi -->
<script type="text/javascript">
$().ready(function() {
	$("#form_user").validate({
		rules: {	
			confirm_password: {
				required: true,
				minlength: 6,
				equalTo: "#password"
			},	
			captcha: {
				required: true,
				minlength: 6,
				equalTo: "#captcha_random"
			}
		},
		messages: {
			confirm_password: {
				required: "Xác nhận lại mật khẩu !",
				minlength: "Nhập tối thiểu 6 ký tự !",
				equalTo: "Nhập lại password không đúng !"
			},
			captcha: {
				required: "Cần nhập lại mã an toàn!",
				minlength: "Nhập đủ 6 ký tự",
				equalTo:  "Giá trị nhập lại mã an toàn và mã an toàn chưa trùng nhau"
			}	
		}
	});
});

$.metadata.setType("attr", "validate");
</script>

<!-- ajax -->
<script type="text/javascript">
	function check_form_user() {
		var gender = document.forms["form_user"]["gender"].value;
		var group_user_id = document.forms["form_user"]["group_user_id"].value;
		var check_acount_user = document.forms["form_user"]["check_acount_user"].checked;
		var date = document.forms["form_user"]["date"].value;
		var month = document.forms["form_user"]["month"].value;
		var year = document.forms["form_user"]["year"].value;
		
		if (gender == 0) {
			jAlert('Bạn chưa chọn giới tính !', " ");
			return false;
		} else if (group_user_id == 0) {
			jAlert('Bạn chưa chọn loại thành viên !', '');
			return false;	
		} else if (date == 0) {
			jAlert('Bạn chưa chọn ngày sinh !', '');
			return false;	
		} else if (month == 0) {
			jAlert('Bạn chưa chọn tháng sinh !', '');
			return false;	
		} else if (year == 0) {
			jAlert('Bạn chưa chọn năm sinh !', '');
			return false;	
		} else if (check_acount_user == false) {
			jAlert('Chưa chọn đồng ý với điều khoản sử dụng!', '');
			return false;		
		}
	}
</script>


<script type="text/javascript">
<?php
	if (isset($user_name) && !empty($user_name)) {
		echo "jAlert('Tên thành viên đã tồn tại !', '')";
	}
	if (isset($email) && !empty($email)) {
		echo "jAlert('Email đã tồn tại !', '')";
	}
	if (isset($success) && !empty($success)) {
		echo "jAlert('Đăng ký thành công !', '')";
	}
 ?>
 </script>
 
<div class="intro_content">
	<form id="form_user" name="form_user" method="POST" onsubmit="return check_form_user();" action="<?php echo base_url();?>front_page/intro">
	<div class="intro_content_left">
		<div class="intro_content_left_head">
			<img class="intro_content_left_head_img" src="<?php echo base_url();?>images/front_page/intro_content_left_head.png" />
			<span>Đăng ký</span>
		</div>
		
		<div class="intro_div_head">
			<input class="intro_div_head_text required" id="full_name" value="<?php if(!empty($_SESSION['user_info']['user_name'])) { echo $_SESSION['user_info']['user_name']; } ?>" type="text" tile="Nhập họ và tên" name="full_name" placeholder="Họ và tên" />
			<br/>
		</div>
		
		<div class="intro_div_head">
			<input class="intro_div_head_text required" id="user_name" value="<?php if(!empty($_SESSION['user_info']['full_name'])) { echo $_SESSION['user_info']['user_name']; } ?>" type="text" name="user_name" placeholder="Tên đăng nhập"  />
			<br/>
		</div>
		
		<div class="intro_div_head">
			<input class="intro_div_head_text email required" id="email" value="<?php if(!empty($_SESSION['user_info']['email'])) { echo $_SESSION['user_info']['email']; } ?>"" type="text" name="email" placeholder="Email" />
		</div>
		
		<div class="intro_div_head">
			<input class="intro_div_head_text required" type="password" id="password" name="password" placeholder="Mật khẩu" />
		</div>
		
		<div class="intro_div_head">
			<input class="intro_div_head_text required" type="password" name="confirm_password" id="confirm_password" placeholder="Nhập lại mật khẩu" />
		</div>
		
		<div class="intro_div_head">
			<select id="date" name="date"  class="intro_div_head_select" style="width: 78px;" >
				<option value="0">Ngày</option>
				<?php
					for ($i = 1; $i <32 ; $i++) { 
				?>
				<option value="<? echo $i?>"><?php echo $i; ?></option>
				<?php
					} 
				?>
			</select>
			
			<select id="month" name="month" class="intro_div_head_select" style="width: 78px;">
				<option value="0">Tháng</option>
				<?php
					for ($i = 1; $i <13 ; $i++) { 
				?>
				<option value="<? echo $i?>"><?php echo $i; ?></option>
				<?php
					} 
				?>
			</select>
			
			<select id="year" name="year" class="intro_div_head_select" style="width: 78px;">
				<option value="0">Năm</option>
				<?php
					for ($i = 1930; $i < 2005 ; $i++) { 
				?>
				<option value="<? echo $i?>"><?php echo $i; ?></option>
				<?php
					} 
				?>
			</select>
		</div>
		
		<div class="intro_div_head">
			<select id="gender" name="gender"  class="intro_div_head_select" style="width: 78px; color: #333;" >
				<option value="0" >Giới tính</option>
				<option value="nam">Nam</option>
				<option value="nu">Nữ</option>
			</select>
			
			<select id="group_user_id" name="group_user_id" class="intro_div_head_select" style="width: 164px;">
				<option value="0">Chọn loại thành viên</option>
				<?php
					foreach ($group_user as $group_user_arr) { 
				?>
				<option 
					value="<?php echo $group_user_arr['id'];?>" 
					<?php if (isset($_SESSION['user_info']['group_user_id']) && $_SESSION['user_info']['group_user_id'] == $group_user_arr['id']) { echo "'selected=selected'"; }?> >
						<?php echo $group_user_arr['name']; ?>
				</option>
				<?php
					} 
				?>
			</select>
		</div>
		
		<div class="intro_div_head">
			<img style="height: 21px; border: 1px solid #082A58; background-color: #f2f2f2; display: inline-block; margin-bottom: -7px; padding: 1px;" src="<?php echo base_url()?>front_page/intro/gen_image/<?php echo $captcha; ?>" />
			<input type="hidden" name="captcha_random" id="captcha_random" value="<?php echo $captcha; ?>" />
		    <input name="captcha" id="captcha"  class="intro_div_head_text required" type="text" placeholder="Nhập mã xác minh"  style="width: 164px; margin-left: 5px;" />
		    <p>
				<i style="padding-left: 0px; color: rgb(136, 136, 136);">(phân biệt chữ o và số 0)</i>
			</p>	
		</div>
		
		<div class="intro_div_head">
			<input type="checkbox" name="check_acount_user" style="vertical-align: bottom;" />
			<span style="color: #333333; margin-left: 5px;">Tôi đã đồng ý với</span>
			<a href="#" style="color: #3399cc; margin-left: 5px;">Điều khoản sử dụng</a>
		</div>
		
		<div class="intro_div_head" style="text-align:center">
			<input class="intro_div_head_submit" type="submit" id="check_submit" name="check_submit" value=" "  />
		</div>
		
		<div style="background-color:#092b59; height:3px; margin-top:10px;">&nbsp;</div>
	</div>
	</form>
	<!-- end intro_content_left -->
	
	<div class="intro_content_right">
		<div class="right_src_1">
			<div style="margin-top: 10px;">
				<ul class="list_ul_search">
					<li class="active_list_ul_search">
						<a href="#">Sản phẩm</a>
					</li>
					<li>
						<a href="#">Bệnh viện</a>
					</li>
					<li>
						<a href="#">Phòng khám</a>
					</li>
					<li>
						<a href="#">Nhà thuốc</a>
					</li>
					<li>
						<a href="#">Bác sĩ</a>
					</li>
					<li>
						<a href="#">Hỏi đáp</a>
					</li>
					<li>
						<a href="#">Thuốc</a>
					</li>
					<li>
						<a href="#">Tin tức</a>
					</li>
					<li>
						<a href="#">Từ điển</a>
					</li>
				</ul>
				<div class="list_submit_search">
					<input class="list_submit_search_text" style="width: 576px;" type="text" />
					<input class="list_submit_search_tk" type="submit" value=" "/>
				</div>
			</div>
		</div>
		
		<div class="right_src_2">
			<span>Từ khóa:</span>
			<a href="#">Máy đo huyết áp</a>,
			<a href="#">Bệnh tiểu đường</a>,
			<a href="#">Tim mạch</a>,
			<a href="#">Cảm cúm</a>
		</div>
		
		<div class="right_src_3">
			<div class="slider-wrapper theme-default">
				<div class="ribbon"></div>
				<div id="slider" class="nivoSlider">
					<img src="<?php echo base_url();?>images/front_page/a_4.jpg" alt="" title="#htmlcaption_1" />
					<img src="<?php echo base_url();?>images/front_page/a_3.jpg" alt="" title="#htmlcaption_2" />
					<img src="<?php echo base_url();?>images/front_page/a_2.jpg" alt="" title="#htmlcaption_3" />
					<img src="<?php echo base_url();?>images/front_page/a_1.jpg" alt="" title="#htmlcaption_4">
				</div>
				 <div id="htmlcaption_1" class="nivo-html-caption">
					<b style="padding-left: 5px;">Dịch vụ sức khỏe trực tuyến</b>
					<p>
						<span>Sức khỏe của bạn là nhiệm vụ của chúng tôi. Chăm sóc sức khỏe của gia đình Việt</span>
					</p>
				</div>
				<div id="htmlcaption_2" class="nivo-html-caption">
					<b style="padding-left: 5px;">Dịch vụ sức khỏe trực tuyến</b>
					<p>
						<span>Sức khỏe của bạn là nhiệm vụ của chúng tôi. Chăm sóc sức khỏe của gia đình Việt</span>
					</p>
				</div>
				<div id="htmlcaption_3" class="nivo-html-caption">
					<b style="padding-left: 5px;">Dịch vụ sức khỏe trực tuyến</b>
					<p>
						<span>Sức khỏe của bạn là nhiệm vụ của chúng tôi. Chăm sóc sức khỏe của gia đình Việt</span>
					</p>
				</div>
				<div id="htmlcaption_4" class="nivo-html-caption">
					<b style="padding-left: 5px;">Dịch vụ sức khỏe trực tuyến</b>
					<p>
						<span>Sức khỏe của bạn là nhiệm vụ của chúng tôi. Chăm sóc sức khỏe của gia đình Việt</span>
					</p>
				</div>
			</div>
		</div>
		
		<div class="right_src_4">
			<span>Tin nổi bật:</span>
			<a href="#">Tăng trưởng cao và vững bền thương hiện</a>
			<a href="#">Chúc tôi phá triển dịch vụ chăm sóc sức khỏe</a>
		</div>
	</div>
	<!-- intro_content_right -->
	
	<div style="clear: both"></div>
</div>	